<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
	<link rel="icon" href="./img/logo.png">
	<link rel="stylesheet" type="text/css" href="./CSS/nav.css">
	<link rel="stylesheet" type="text/css" href="./CSS/div-1.css">
	<link rel="stylesheet" type="text/css" href="./CSS/div-2.css">
	<link rel="stylesheet" type="text/css" href="./CSS/side.css">
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.help{
			padding: 2px 4px;
			position: fixed;
			left: 0;
			top: 300px;
			width: 20px;
			text-align: center;
			text-decoration: none;
			color: black;
			border: 1px solid rgb(231,231,231);
			font-size: 10px;
			transition: background-color 0.5s;
		}
		.help:hover{
			background-color: rgb(244,244,244);
		}
		.div-4{

		}
		.img4{
			position: absolute;
			top: 550px;
			left: 120px;
			width: 1240px;
		}
	</style>
</head>
<body>
		<div class="nav-0">
			<div class="nav-div1">
				<ul class="nav-ul">
					<li class="nav-li"><a class="nav-a" href="">主站</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://www.bilibili.com/anime/?spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.2">番剧</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://game.bilibili.com/platform/">游戏中心</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://live.bilibili.com/?spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.4">直播</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://show.bilibili.com/platform/home.html?msource=pc_web&spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.5">会员购</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://manga.bilibili.com/?from=bill_top_mnav&spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.6">漫画</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://www.bilibili.com/v/game/match/?spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.7">赛事</a></li>
					<li class="nav-li"><a  target="_blank"  class="nav-a" href="https://app.bilibili.com/?spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.8">下载APP</a></li>
				</ul></div>
			<div class="nav-div2">
				<input type="text" placeholder="苏宁Bin，今天正式入驻B站" class="nav-input"></input>
				<a target="_blank" href="https://www.bilibili.com/video/BV1az4y1C7JA?from=search&seid=11335152340395087188"><img src="./img/find.png" class="nav-find"></a>
			</div>
			<a target="_blank" href="https://space.bilibili.com/176476305"><img class="myhead" src="./img/myhead.png"></a>
			<div class="nav-div3">
				<ul class="nav-ul">
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://account.bilibili.com/account/big">大会员</a></li>
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://message.bilibili.com/#/reply">消息</a></li>
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://t.bilibili.com/">动态</a></li>
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://space.bilibili.com/176476305/favlist">收藏</a></li>
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://www.bilibili.com/account/history">历史</a></li>
					<li class="nav-li"><a target="_blank" class="nav-a" href="https://member.bilibili.com/platform/home?spm_id_from=333.880.b_696e7465726e6174696f6e616c486561646572.29">创作中心</a></li>
				</ul>
			</div><a target="_blank" href=""><intput type="button" class="nav-button">投稿</input></a></div>
			<a href="https://www.bilibili.com/"><img src="./img/bilibili.png" class="nav-logo"></a>
			<div target="_blank" class="banner">
			<a target="_blank" href="https://www.bilibili.com/blackboard/topic/mirai_activity.html?spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.36">
				<img src="./img/banner.png" class="bannerimg">
			</a>
			</div>
		</div>	
		<br><br><br><br><br><br><br><br>
		<ul class="side">
			<li class="side-li"><a class="side-a" href="">直播</a></li>
			<li class="side-li"><a class="side-a" href="">动画</a></li>
			<li class="side-li"><a class="side-a" href="">番剧</a></li>
			<li class="side-li"><a class="side-a" href="">国创</a></li>
			<li class="side-li"><a class="side-a" href="">漫画</a></li>
			<li class="side-li"><a class="side-a" href="">音乐</a></li>
			<li class="side-li"><a class="side-a" href="">舞蹈</a></li>
			<li class="side-li"><a class="side-a" href="">游戏</a></li>
			<li class="side-li"><a class="side-a" href="">知识</a></li>
			<li class="side-li"><a class="side-a" href="">课堂</a></li>
			<li class="side-li"><a class="side-a" href="">数码</a></li>
			<li class="side-li"><a class="side-a" href="">生活</a></li>
			<li class="side-li"><a class="side-a" href="">美食</a></li>
			<li class="side-li"><a class="side-a" href="">鬼畜</a></li>
			<li class="side-li"><a class="side-a" href="">时尚</a></li>
			<li class="side-li"><a class="side-a" href="">资讯</a></li>
			<li class="side-li"><a class="side-a" href="">娱乐</a></li>
			<li class="side-li"><a class="side-a" href="">专栏</a></li>
			<li class="side-li"><a class="side-a" href="">电影</a></li>
			<li class="side-li"><a class="side-a" href="">TV剧</a></li>
			<li class="side-li"><a class="side-a" href="">影视</a></li>
			<li class="side-li"><a class="side-a" href="">纪录片</a></li>
		</ul>
		<a class="help" href="">联系客服</a>
	<div class="main">

		<div class="div-1">
			<table class="div-1-table-1">
				<tr>
					<td class="div-1-td"><a class="div-1-a" href=""><img src="./img/div-1-1.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://t.bilibili.com/?spm_id_from=333.851.b_7072696d61727950616765546162.2"><img src="./img/div-1-2.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/popular/rank/all?spm_id_from=333.851.b_7072696d61727950616765546162.3"><img src="./img/div-1-3.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/channel?spm_id_from=333.851.b_7072696d61727950616765546162.4"><img src="./img/div-1-4.png"></a></td>
				</tr>
				
				<tr>
					<td class="div-1-td"><a class="div-1-a" href="">首页</a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://t.bilibili.com/?spm_id_from=333.851.b_7072696d61727950616765546162.2">动态</a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/popular/rank/all?spm_id_from=333.851.b_7072696d61727950616765546162.3">排行榜</a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/channel?spm_id_from=333.851.b_7072696d61727950616765546162.4">频道</a></td>
				</tr>
			</table>
			<img src="./img/line1.png" class="line1">
			<table class="div-1-table-2">
				<tr>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/douga/?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.1">动画<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/music/?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.9">音乐<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/dance/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.18">舞蹈<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/technology/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.45">知识<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/life/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.51">生活<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/fashion/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.69">时尚<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/ent/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.83">娱乐<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/cinema/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.92">放映厅<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/life/animal?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.101#/">动物圈<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/game/stand_alone?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.103#/">单机游戏<img src="./img/999.png"></a></td>
				</tr>
				<tr>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/anime/?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.8">番剧<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/guochuang/?spm_id_from=666.4.b_7072696d6172794368616e6e656c4d656e75.26">国创<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/game/?spm_id_from=666.5.b_7072696d6172794368616e6e656c4d656e75.41">游戏<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/digital/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.58">数码<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/kichiku/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.72">鬼畜<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/information/?spm_id_from=333.5.b_7072696d6172794368616e6e656c4d656e75.78">咨询<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/cinephile/?spm_id_from=333.6.b_7072696d6172794368616e6e656c4d656e75.87">影视<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/life/funny?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.100#/">搞笑<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/food?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.102">美食<img src="./img/999.png"></a></td>
					<td class="div-1-td"><a target="_blank" class="div-1-a" href="https://www.bilibili.com/v/life/daily/?spm_id_from=333.851.b_7072696d6172794368616e6e656c4d656e75.104#/530003">VLOG</a></td>
				</tr>
				<img src="./img/line1.png" class="line2">
			</table>
			<div class="div-1-table-3"y><img src="./img/div-1-table3.png"></div>
		</div>

		<div class="div-2">
			<table class="div-2-table">
				<tr>
					<td colspan="3" rowspan="2" class="bigtd"><a href=""><img class="bigimg" src="./img/bigimg.jpg"></a></td>

					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.1.png"></a></td>
					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.2.png"></a></td>
					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.3.png"></a></td>
				</tr>
				<tr>
					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.4.png"></a></td>
					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.5.png"></a></td>
					<td class="div-2-td"><a class="" href=""><img class="div-2-img" src="./img/1.6.png"></a></td>
				</tr>

			</table>
		</div>
		<div class="div-3">
			<img class="img4" src="./img/4.png">
		</div>
		
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	</div>
</body>
</html>